<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>家谱秀</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app-jpshow/jpshow_style.css">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="js/jpshow.js"></script>
</head>
<body>
<div>
    <div class="weui-navbar bg_white jp-navbar">
        <div class="weui-navbar__item">
            <i class="icon iconfont icon-form fa-hx"></i> <br/>
            家庭谱
        </div>
        <div class="weui-navbar__item weui-bar__item_on">
            <i class="icon iconfont icon-evaluate fa-hx"></i> <br/>
            家谱秀
        </div>
        <div class="weui-navbar__item">
            <i class="icon iconfont icon-piclight fa-hx"></i> <br/>
            模板库
        </div>
    </div>
    <div class="jp-banner">
        <ul>
            <li>
                <img src="images/jpx-banner.png" alt="">
            </li>
        </ul>
    </div>
    <div class="bg_gray">
        <div class="jpx-box">
            <div class="jpx-title clearfix">
                <div class="pull-left">
                    家谱秀
                </div>
                <div class="pull-right">
                    <a href="#"><i class="icon iconfont icon-roundright text_dark"></i></a>
                </div>
            </div>
            <div class="jpx-lists clearfix">
                <div class="jpx-list">
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="jpx-box">
            <div class="jpx-title clearfix">
                <div class="pull-left">
                    热门家谱
                </div>
                <div class="pull-right">
                    <a href="#"><i class="icon iconfont icon-roundright text_dark"></i></a>
                </div>
            </div>
            <div class="jpx-lists clearfix">
                <div class="jpx-list">
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                            <div class="jpx-hot">
                                热门
                            </div>
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                            <div class="jpx-hot">
                                热门
                            </div>
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                    <div class="jpx-item">
                        <div class="jpx-cover">
                            <img src="images/demo2.png" alt="" class="img-responsive">
                            <div class="jpx-hot">
                                热门
                            </div>
                        </div>
                        <div class="jpx-name m-t">金粉世家</div>
                        <div class="jpx-author text_lg">杨笑天</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>